<template>
    <div class="footer-box">
        <router-link class="footer-item" to="/Home/index">
            <button>首页</button>
        </router-link>
        <router-link class="footer-item" to="">
            <button>水位站</button>
        </router-link>
        <router-link class="footer-item" to="">
            <button>积水点</button>
        </router-link>
        <router-link class="footer-item" to="/Usercenter/index">
            <button>我的</button>
        </router-link>
    </div>
</template>
<script>
export default {
    name: '',
    data(){
        return{}
    },
    mounted(){},
    methods:{
    }
    }
</script>
<style lang='scss' scoped>
    .footer-box{
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 5rem;
        border-top: 1px solid #000;
        .footer-item{
            flex: 1;
        }
    } 
</style>